//登录页面的背景
.login-cont{
    width: 100%;
    height: 100%;
    background: url('../../assets/imgs/sign-bg.jpg') no-repeat 0% / cover;
    position: relative;
    //注册账号文字
    a{
        font-family: PingFangSC;
        font-weight: 400;
        font-size: 20px;
        color: #fff;
        position: absolute;
        right: 30px;
        top: 25px;
    }
    //密码登录
    h2{
        font-family: PingFangSC;
        font-weight: bold;
        font-size: 28px;
        color: #fff;
        position: absolute;
        top: 60px;
        left: 45px;
    }
    //输入框盒子
    .ipt{
        width: 350px;
        height: 190px;
        position: absolute;
        left: 50%;
        top: 38%;
        transform: translate(-50%, -50%);
        
        // 账号输入框
        .account{
            width: 350px;
            height: 50px;
            background-color: rgba(255, 255, 255, 0.5);
            margin-bottom: 20px;
            border-radius: 25px;
            padding-left: 24px;
            color: #fff;
        }
        //密码输入框
        .pwd{
            width: 350px;
            height: 50px;
            background-color: rgba(255, 255, 255, 0.5);
            margin-bottom: 20px;
            border-radius: 25px;
            padding-left: 24px;
            color: #fff;
        }
        // placeholder的样式
        input::-webkit-input-placeholder { 
            color: #fff;
        } 
        // 登录按钮
        .btn{
            width: 350px;
            height: 50px;
            background: rgba(99, 255, 167, 0.5);
            border-radius: 25px;
            color: rgba(255, 255, 255,1);
            position: absolute;
            left: 50%;
            top: 87%;
            transform: translate(-50%,-50%);
        }
    }
    //忘记密码
    .forget{
       width: 100%;
       text-align: center;
       position: absolute;
       left: 14%;
       top: 52%;
       transform: translate(-50%, -50%);
       a{
           font-size: 14px;
           color: #fff;
       }
    }
    // 页面底部文字
    .botText{
        color: #fff;
        font-size: 16px;
        position: absolute;
        left: 50%;
        bottom: 35px;
        transform: translate(-50%, -50%);
    }
    // 信息提示框
    .msg{
      width: 250px;
      height: 137px;
      border-radius: 20px 20px 20px 20px;
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      font-size: 20px;
      line-height: 137px;
      color: #fff;
      display: none;
    }
}